@charset "utf-8";

@import "iconfont.css";
@import "jquery.fancybox.css";

/*---------------------------------------------------*/

.indexA{padding:70px 0;}

.indexA .tit{text-align:center;position:relative;z-index:20;}
.indexA .tit h3{color:#02AAF3;font-size:48px;font-weight:bold;line-height:1;position:relative;padding:0 25px;display:inline-block;}
.indexA .tit h3 em{font-weight:bold;position:relative;z-index:2;}
.indexA .tit h3::after{content:"";position:absolute;bottom:0px;left:0;right:0;background:#f1faff;height:13px;z-index:-1;}
.indexA .tit p{font-size:16px;color:#878787;text-align:center;line-height:30px;margin:15px auto 0;max-width:850px;}

.indexA ul{margin:50px 0 0;}
.indexA ul li{width:23%;float:left;margin:20px 0 0 2%;cursor:pointer;box-sizing:border-box;}
.indexA ul li:last-child{margin-right:0;}
.indexA ul li .pic{display:block;overflow:hidden;width:100%;position:relative;border:1px solid #EEE;box-sizing:border-box;}
.indexA ul li .pic img{width:100%;display:block;transition:all 0.3s ease 0s;}
.indexA ul li p{position:absolute;top:0;right:0;left:0;bottom:0;z-index:20;background:rgba(133,196,231,0.9);padding:0 30px;display:-webkit-flex;display:flex;-webkit-justify-content:center;justify-content:center;-webkit-align-items:center;align-items:center;-webkit-flex-direction:column;flex-direction:column;font-size:23px;color:#fff;line-height:30px;box-sizing:border-box;text-align:center;-webkit-transition: opacity 0.2s, -webkit-transform 0.35s;transition:opacity 0.2s, transform 0.35s;opacity:0;-webkit-transform:scale(0);transform:scale(0);}

.indexA ul li:hover .pic img{transform:scale(1.08);-webkit-transform: scale(1.08);}
.indexA ul li:hover p{opacity:1;-webkit-transform:scale(1);transform:scale(1);}
.indexA ul li h6{font-size:18px;margin:15px 0 0;text-align:center;}
.indexA ul li h6 a{color:#333;line-height:22px;height:44px;overflow:hidden;}
.indexA ul li h6 a:hover{color:#0a8ae3;}

.indexC{background:url("../images/ibg1.jpg") no-repeat center top;padding:80px 0 80px;position:relative;}
.indexC h3{font-size:48px;color:#0397eb;line-height:1;font-weight:bold;text-transform:uppercase;text-align:center;}
.indexC p{font-size:20px;color:#0397eb;text-align:center;line-height:30px;margin:15px auto 0;max-width:850px;}

.indexC .video{display:block;width:840px;margin:70px auto 0;overflow:hidden;position:relative;z-index:10;}
.indexC .video::after{content:'';background:url("../images/v1.png") no-repeat center;width:100%;height:100%;position:absolute;left:0;top:0;display:block;}
.indexC .video img{width:100%;transition:all 0.5s ease 0s;}
.indexC .video:hover img{transform:scale(1.05);-webkit-transform:scale(1.05);}
.indexC .video:hover::after{background-color:rgba(0,0,0,0.2);}



.indexD{padding:120px 0;background:#FBFBFB;}
.indexD .wp{display:-webkit-flex;display:flex;-webkit-justify-content:space-between;justify-content:space-between;}
.indexD .tit{width:300px;background:#85C4E7;padding:50px 30px 0;box-sizing:border-box;}
.indexD .tit h3{font-size:48px;color:#fff;line-height:1;letter-spacing:1px;font-weight:bold;position:relative;}
.indexD .tit h3::after{content:"";width:39px;height:3px;background:#fff;margin:20px 0 0;display:block;}
.indexD .tit p{font-size:18px;color:#fff;line-height:29px;margin:30px 0 0;}
.indexD .tit .more{margin:20px 0 0;display:block;}

.indexD ul{-webkit-flex:1;flex:1;margin-left:40px;overflow:hidden;}
.indexD ul li{cursor:pointer;position:relative;box-sizing:border-box;display:-webkit-flex;display:flex;-webkit-justify-content:space-between;justify-content:space-between;}
.indexD ul li:last-child{-webkit-flex-direction:row-reverse;flex-direction:row-reverse;margin-top:10px;}
.indexD ul li .pic{overflow:hidden;width:480px;display:-webkit-flex;display:flex;}
.indexD ul li .pic img{width:100%;display:block;transition:all 0.3s ease 0s;}
.indexD ul li .t{-webkit-flex:1;flex:1;background:#fff;box-sizing:border-box;display:-webkit-flex;display:flex;-webkit-justify-content:center;justify-content:center;padding:0 50px;-webkit-flex-direction:column;flex-direction:column;}
.indexD ul li .t h5{font-size:26px;font-weight:bold;color:#00ABF0;}
.indexD ul li .t h5 a:hover{text-decoration:underline;}
.indexD ul li .t p{font-size:16px;color:#878787;margin:20px 0 0;line-height:23px;height:69px;overflow:hidden;}
.indexD ul li .more{margin:20px 0 0;display:-webkit-flex;display:flex;-webkit-justify-content:space-between;justify-content:space-between;-webkit-align-items:center;align-items:center;-webkit-flex-direction:row-reverse;flex-direction:row-reverse;}
.indexD ul li .more span{color:#878787;display:block;font-size:14px;font-weight:300;}
.indexD ul li .more a{display:inline-block;width:118px;height:30px;line-height:30px;border-radius:15px;background:linear-gradient(90deg,#50B3EA,#80E7FA);color:#fff;font-size:14px;text-align:center;}
.indexD ul li .more a:hover{background:linear-gradient(90deg,#00ABF0,#31B4ED);}

.indexD ul li:hover .pic img{transform: scale(1.05);-webkit-transform: scale(1.05);}



.indexE{padding:55px 0;background:#85C4E7;}
.indexE .wp{display:-webkit-flex;display:flex;-webkit-justify-content:space-between;justify-content:space-between;}
.indexE .tit{width:400px;box-sizing:border-box;}
.indexE .tit h3{font-size:38px;color:#fff;line-height:1;font-weight:bold;position:relative;}
.indexE .tit p{font-size:16px;color:#fff;line-height:28px;margin:30px 0 0;text-transform:uppercase;}

.indexE ul{-webkit-flex:1;flex:1;margin-left:60px;overflow:hidden;display:-webkit-flex;display:flex;-webkit-justify-content:space-between;justify-content:space-between;}
.indexE ul li{cursor:pointer;position:relative;box-sizing:border-box;text-align:center;-webkit-flex:1;flex:1;}
.indexE ul li .ico{overflow:hidden;width:140px;height:140px;border:1px solid #fff;border-radius:10px;display:-webkit-inline-flex;display:inline-flex;-webkit-justify-content:center;justify-content:center;-webkit-align-items:center;align-items:center;}
.indexE ul li .ico img{width:auto;display:inline-block;transition:all 0.3s ease 0s;}
.indexE ul li p{font-size:20px;color:#fff;margin:20px 0 0;text-transform:uppercase;}
.indexE ul li p a:hover{color:#FEF009;}


.indexF{padding:110px 0;position:relative;}
.indexF .wp{display:-webkit-flex;display:flex;-webkit-justify-content:space-between;justify-content:space-between;position:relative;z-index:20;}
.indexF .txt{-webkit-flex:1;flex:1;margin-right:50px;display:-webkit-flex;display:flex;-webkit-flex-direction:column;flex-direction:column;-webkit-align-content:space-between;align-content:space-between;}
.indexF .txt h3{color:#00AAF2;font-size:48px;line-height:1;font-weight:bold;}
.indexF .txt p{color:#878787;font-size:20px;line-height:30px;margin:30px 0 0;}
.indexF .more{margin-top:auto;display:inline-block;}
.indexF .pic{width:775px;position:relative;}
.indexF .pic img{transition:all 0.3s ease 0s;-webkit-transition:all 0.3s ease 0s;}

.indexG{background:#85C4E7;text-align:center;padding:80px 0;}
.indexG h5{font-size:50px;color:#fff;font-weight:bold;}
.indexG .more{width:266px;height:55px;line-height:55px;border-radius:30px;background:#fff;display:block;margin:40px auto 0;font-size:22px;color:#00AAF2;}
.indexG .more:hover{background:#1F5891;color:#fff;}


/*------------------------------------------------------------*/

.sidebanner{background-repeat:no-repeat;background-position:center;height:400px;overflow:hidden;box-sizing:border-box;position:relative;}
.sidebanner::after{content:"";position:absolute;left:0;top:0;width:100%;height:100%;}
.sidebanner .wp{height:100%;display:-webkit-flex;display:flex;text-align:center;-webkit-justify-content:center;justify-content:center;-webkit-flex-direction:column;flex-direction:column;position:relative;z-index:20;}
.sidebanner h3{color:#0397eb;font-size:40px;font-family:'Futura-Heavy';text-transform:uppercase;position:relative;z-index:10;}
.sidebanner p{margin:10px 0 0;color:#666;font-size:17px;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;}
.sidebanner p i{margin:0 8px 0 0;font-size:15px;color:#666;}

.path{background:#FAFAFA;height:45px;line-height:45px;border-top:1px solid #E5E5E5;border-bottom:1px solid #E5E5E5;}
.path p{color:#474747;font-size:14px;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;}
.path p i{margin:0 8px 0 0;font-size:14px;color:#1DD0BF;}
.path p a,.path p i{color:#474747;}

.main{padding-top:50px;padding-bottom:60px;}
.main-left{float:left;width:300px;}
.main-right{margin-left:340px;}
/*----------------------------------------*/

.main-left h3{font-size:22px;color:#fff;height:50px;line-height:50px;padding:0 0 0 20px;background:#02AAF3;position:relative;text-transform:uppercase;}
.main-left h3::after{display:none;font-family:"qico";content: "\e727";position:absolute;top:5px;right:0;width:40px;height:40px;line-height:40px;text-align:center;font-size:20px;-webkit-transition: -webkit-transform .3s ease;transition: -webkit-transform .3s ease;transition: transform .3s ease;transition: transform .3s ease, -webkit-transform .3s ease;}
.main-left h3.active::after{-webkit-transform: rotate(45deg) scale(1.08);-ms-transform: rotate(45deg) scale(1.08);transform: rotate(45deg) scale(1.08);}

.sidemenu{margin:0 0 15px 0;}
.sidemenu ul{}
.sidemenu ul li{margin-top:5px;}
.sidemenu ul li~li{}
.sidemenu ul li h5{line-height:22px;display:block;font-size:18px;color:#333;border:1px solid #E3E3E3;cursor:pointer;position:relative;}
.sidemenu ul li h5 a{display:block;padding:10px 40px 10px 20px;}
.sidemenu ul li h5 a:hover{color:#02AAF3;}
.sidemenu ul li h5 span{position:absolute;top:calc(50% - 20px);right:0;background:url("../images/i5.png") no-repeat center;width:40px;height:40px;display:block;}

.sidemenu dl{display:none;border:1px solid #E3E3E3;border-top:none;}
.sidemenu dl dd{border-bottom:1px dashed #DCDCDC;line-height:22px;}
.sidemenu dl dd:last-child{border-bottom:none;}
.sidemenu dl dd a{font-size:16px;display:block;color:#878787;padding:10px 20px 10px 20px;text-transform:capitalize;}
.sidemenu dl dd.active a,.sidemenu dl dd a:hover{color:#02AAF3;}

.sidemenu ul li.active h5{color:#02AAF3;}
.sidemenu ul li.active span{background:url("../images/i5-1.png") no-repeat center;}

.side-nav{margin:0 0 20px;}
.side-nav ul{}
.side-nav ul li{position:relative;border:1px solid #D61518;text-align:center;}
.side-nav ul li~li{margin-top:13px;}
.side-nav ul li a{color:#D61518;font-size:20px;display:block;line-height:64px;-webkit-transition: 0.5s;transition: 0.5s;}
.side-nav ul li.active a{background:#D61518;color:#fff;}

.sub-nav{text-align:center;font-size:0;font-size:16px;margin-bottom:50px;}
.sub-nav ul li{display:inline-block;height:37px;line-height:37px;font-size:17px;cursor:pointer;color:#333;}
.sub-nav ul li:not(:last-child)::after{content:"|";text-align:center;font-size:15px;margin:0 15px;color:#333;}
.sub-nav ul li:hover,.sub-nav ul li.active{color:#02AAF3;}

.linetit{text-align:center;}
.linetit h3{font-weight:bold;font-size:36px;line-height:35px;padding:0 13px;color:#000;background:url(../images/ibg3.png) no-repeat left center;display:inline-block;}

/*---------news-----------*/

.newslist{}
.newslist ul li{background:#FBFBFB;display:-webkit-flex;display:flex;-webkit-justify-content:space-between;justify-content:space-between;-webkit-align-items:center;align-items:center;}
.newslist ul li~li{margin-top:30px;}
.newslist ul li .pic{width:400px;display:block;overflow:hidden;}
.newslist ul li .pic img{width:100%;transition:all 0.3s ease 0s;}
.newslist ul li .t{-webkit-flex:1;flex:1;padding:0 40px;box-sizing:border-box;}
.newslist ul li .t h5{font-size:24px;color:#333;font-weight:bold;}
.newslist ul li .t h5 a:hover{color:#02AAF3;}
.newslist ul li .t p{color:#878787;font-size:17px;line-height:24px;height:48px;overflow:hidden;margin:15px 0 0;}

.newslist ul li .more{margin:20px 0 0;padding:15px 0 0;border-top:1px solid #DCDCDC;display:-webkit-flex;display:flex;-webkit-justify-content:space-between;justify-content:space-between;-webkit-align-items:center;align-items:center;}
.newslist ul li .more span{color:#878787;display:block;font-size:14px;font-weight:300;}
.newslist ul li .more a{display:inline-block;width:80px;height:30px;line-height:30px;color:#fff;font-size:14px;background:linear-gradient(90deg,#50B3EA,#80E7FA);text-align:center;}
.newslist ul li .more a:hover{background:linear-gradient(90deg,#00ABF0,#31B4ED);}

.newslist ul li:hover{box-shadow:0 0 5px rgba(0,0,0,0.2);}
.newslist ul li:hover img{transform:scale(1.05);-webkit-transform:scale(1.05);}


.newsnr{}
.newsnr h1{font-size:30px;color:#333;text-align:center;font-weight:bold;}

.newsnr .artInfo{padding:0 0 20px;border-bottom:1px solid #D9D9D9;text-align:center;margin:25px 0 0;position:relative;}
.newsnr .artInfo::after{content:"";display:block;height:3px;background:#0397eb;width:100px;position:absolute;bottom:-2px;left:50%;margin:0 0 0 -50px;z-index: 1;}
.newsnr .artInfo span{margin:0 10px;line-height:20px;display:inline-block;font-size:15px;color:#666;}
.newsnr .artInfo span.time{background:url(../images/time.png) no-repeat left center;padding:0 0 0 20px;}
.newsnr .artInfo span.hit{background:url(../images/hit.png) no-repeat left center;padding:0 0 0 23px;}

.news-share{margin-top:15px;text-align:center;}

.myart{padding:25px 0 0;line-height:30px;font-size:17px;color:#5c5c5c;}
.myart p{margin-bottom:10px;}

/*
.pnbar{margin-top:40px;text-align:center;}
.pnbar a{color:#fff;width:142px;height:42px;line-height:42px;font-size:15px;display:inline-block;margin:0 15px;background:#333;text-align:center;border-radius:5px;}
.pnbar a:hover{color:#fff;background:#02AAF3;}
.pnbar a img{margin-right:10px;vertical-align:middle;}
*/

.pnbar{margin:30px 0 0;display:-webkit-flex;display:flex;-webkit-justify-content:space-between;justify-content:space-between;-webkit-align-items:center;align-items:center;-webkit-flex-wrap:wrap;flex-wrap:wrap;}
.pnbar p{width:48%;color:#666;font-size:14px;padding:8px 14px;box-sizing:border-box;line-height:22px;border:1px solid #CBCBCB;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;}
.pnbar p a{color:#02AAF3;}
.pnbar p a:hover{color:#02AAF3;}

.re-info{margin-top:30px;}
.re-info .tit{}
.re-info .tit h3{font-size:15px;color:#fff;line-height:34px;background:#02AAF3;text-align:center;font-weight:bold;width:100px;}
.re-info .nr{padding:15px;border:1px solid #CBCBCB;background:#fff;}
.re-info .nr ul{display:-webkit-flex;display:flex;-webkit-justify-content:space-between;justify-content:space-between;-webkit-flex-wrap:wrap;flex-wrap:wrap;}
.re-info .nr ul li{width:47%;font-size:14px;background:url("../images/li.png") left center no-repeat;border-bottom:1px dashed #BFBFBF;padding-left:10px;height:37px;line-height:37px;box-sizing:border-box;}
.re-info .nr ul li a{color:#333;}
.re-info .nr ul li a:hover{color:#02AAF3;}

/*-----about------*/

.about{padding:70px 0;}
.about .wp{display:-webkit-flex;display:flex;-webkit-justify-content:space-between;justify-content:space-between;position:relative;z-index:20;}
.about .txt{-webkit-flex:1;flex:1;margin-right:50px;display:-webkit-flex;display:flex;-webkit-flex-direction:column;flex-direction:column;-webkit-align-content:space-between;align-content:space-between;}
.about .txt h3{color:#313131;font-size:40px;line-height:1;font-weight:bold;}
.about .txt h3::after{content:"";width:40px;height:4px;background:#02AAF3;display:block;margin:15px 0 0;}
.about .txt .t{color:#878787;font-size:16px;line-height:26px;margin:20px 0 0;}
.about .more{margin-top:auto;display:inline-block;}

.about .pic{width:700px;position:relative;}
.about .pic .v{width:100%;display:block;border-radius:5px;overflow:hidden;position:relative;z-index:20;}
.about .pic .v img{border-radius:5px;transition:all 0.3s ease 0s;-webkit-transition:all 0.3s ease 0s;}
.about .pic .v::after{content:'';position:absolute;left:0;top:0;width:100%;height:100%;background:rgba(0,0,0,0.2) url("../images/v.png") no-repeat center;display:block;}
.about .pic .v:hover img{transform:scale(1.05);-webkit-transform: scale(1.05);}


.history{padding:70px 0;/*background:url("../images/ibg5.jpg") no-repeat center top;*/background:#0397eb;position:relative;}
.history::after{content:"";position:absolute;left:0;top:0;width:100%;height:100%;background:rgba(0,0,0,0.1);}
.history .wp{position:relative;z-index:20;}
.history h3{font-size:40px;color:#fff;text-align:center;font-weight:bold;}

.history .list{position:relative;margin:40px 0 0 0;box-sizing:border-box;}
.history ul{position:relative;}
.history ul::before{content:'';position:absolute;width:6px;top:0;bottom:0;left:50%;margin-left:-3px;background-color:#ddd;height:100%;}
.history ul li{position:relative;display:-webkit-flex;display:flex;-webkit-justify-content:flex-start;justify-content:flex-start;-webkit-align-items:center;align-items:center;}
.history ul li::after{content:'';position:absolute;top:0;right:0;left:0;margin-left:auto;margin-right:auto;border-radius:50%;width:18px;height:18px;border:5px solid #fff;background:#0071B2;padding:5px;text-align:center;box-sizing:border-box;}

.history ul li .txt{width:50%;padding:0 50px 20px;box-sizing:border-box;text-align:right;}
.history ul li .txt em{font-size:22px;color:#fff;font-weight:bold;}
.history ul li .txt p{font-size:17px;color:#fff;line-height:28px;margin:15px 0 0;}

.history ul li:nth-child(2n){-webkit-justify-content:flex-end;justify-content:flex-end;}
.history ul li:nth-child(2n) .txt{text-align:left;}


.factory{background:#F2F2F2;padding:80px 0;}
.factory .tit{}
.factory .tit h3{float:left;font-size:40px;color:#313131;font-weight:bold;}
.factory .tit h3 em{color:#02AAF3;font-weight:bold;}
.factory .tit h3::after{content:"";width:40px;height:4px;background:#02AAF3;display:block;margin:15px 0 0;}

.factory .list{margin-top:40px;position:relative;}
.factory .list .swiper-slide{float:left;background:#fff;position:relative;box-sizing:border-box;}
.factory .list .swiper-slide .pic{width:100%;display:block;box-sizing:border-box;}
.factory .list .swiper-slide .pic img{width:100%;display:block;}
.factory .list .swiper-slide p{text-align:center;font-size:18px;color:#000;line-height:40px;}

.factory .swiper-button-prev,.factory .swiper-button-next{width:42px;height:42px;border:2px solid #DBDBDB;border-radius:50%;background:#fff;top:-80px;margin-top:0;text-align:center;}
.factory .swiper-button-prev i,.factory .swiper-button-next i{font-size:18px;line-height:42px;color:#9E9E9E;}
.factory .swiper-button-prev,.factory .swiper-container-rtl .swiper-button-next{left:auto;right:52px;}
.factory .swiper-button-next,.factory .swiper-container-rtl .swiper-button-prev{right:0;left:auto;}

.factory .swiper-button-prev:hover,.factory .swiper-button-next:hover{border:2px solid #02AAF3;}
.factory .swiper-button-prev:hover i,.factory .swiper-button-next:hover i{color:#02AAF3;}

.factory .swiper-pagination{display:none;position:static;width:100%;margin:20px 0 0;}
.factory .swiper-pagination-bullet {height:10px;width:10px;margin:0 3px;background:none;border:1px solid #02AAF3;border-radius:50%;opacity:1;box-sizing:border-box;}
.factory .swiper-pagination-bullet-active{background:#02AAF3;}


.cert-list ul{margin:0 0 0 -2%;}
.cert-list ul li{float:left;width:23%;margin:0 0 20px 2%;text-align:center;}
.cert-list ul li a{display:block;width:100%;overflow:hidden;position:relative;}
.cert-list ul li a img{width:100%;border:1px solid #ccc;box-sizing:border-box;display:block;}
.cert-list ul li p{padding:10px 10px;height:60px;border:1px solid #D9D9D9;border-top:none;box-sizing:border-box;display:-webkit-flex;display:flex;-webkit-align-items:center;align-items:center;-webkit-justify-content:center;justify-content:center;text-align:center;font-size:16px;color:#313131;}

.buy h3{color:#313131;font-size:40px;line-height:1;font-weight:bold;}
.buy h3::after{content:"";width:40px;height:4px;background:#02AAF3;display:block;margin:15px 0 0;}
.buy .t{color:#878787;font-size:16px;line-height:26px;margin:20px 0 0;}

/*----------*/
.menu-tabs{padding:0 0 30px;margin-bottom:50px;text-align:center;border-bottom:1px solid #E3E3E3;background:#fff;}
.menu-tabs ul{font-size:0;}
.menu-tabs ul li{height:46px;line-height:46px;display:inline-block;margin:0 10px;}
.menu-tabs ul li a{font-size:18px;color:#222;display:block;padding:0 32px;background:#EAEAEA;}
.menu-tabs ul li.active a{background:#02AAF3;color:#fff;}

.singlepage{color:#313131;font-size:17px;line-height:28px;}
.singlepage p{margin-bottom:10px;}
.send-email{text-align: center;margin: 30px 0 0;}
.send-email a{border:2px solid #1F5891;padding:10px 20px;border-radius:15px;display:inline-block;font-weight:bold;}


.videolist ul{margin:0 0 0 -2%;}
.videolist ul li{float:left;width:31.333333%;margin:0 0 20px 2%;}
.videolist ul li .v{position:relative;width:100%;display:block;overflow:hidden;}
.videolist ul li .v img{width:100%;display:block;transition:all 0.3s ease 0s;-webkit-transition:all 0.3s ease 0s;}
.videolist ul li .v::after{content:'';position:absolute;left:0;top:0;width:100%;height:100%;background:url("../images/v.png") no-repeat center;display:block;}
.videolist ul li .t{padding:15px;background:#F3F4F7;box-sizing:border-box;position:relative;height: 72px;}
.videolist ul li .t h5{font-size:17px;color:#0f0f0f;text-align:center;}
.videolist ul li:hover img{transform:scale(1.06);-webkit-transform: scale(1.06);}
.videolist ul li:hover .v::after{background-color:rgba(0,0,0,0.6);}

/*-----products------*/

.down{}
.down ul{margin:0;}
.down ul li{float:left;width:48%;margin:0 0 30px;border:1px solid #E2E2E2;padding:20px;box-sizing:border-box;}
.down ul li:nth-child(2n){float:right;}
.down ul li .pic{float:left;width:100px;height:100px;background:#F5F5F7;text-align:center;align-items:center;justify-content:center;display:-webkit-flex;display:flex;}
.down ul li .pic i{font-size:50px;color:#666;}
.down ul li .t{margin:0 0 0 125px;}
.down ul li .t h5{font-size:20px;text-transform:capitalize;color:#313131;font-weight:bold;}
.down ul li .t p{height:48px;overflow:hidden;line-height:24px;font-size:18px;color:#333;margin:10px 0 0;}
.down ul li .t .more{display:inline-block;margin:15px 0 0;font-size:16px;color:#666;}
.down ul li .t .more i{font-size:18px;color:#666;margin-right:8px;-webkit-text-stroke-width:0.2px;}

.down ul li:hover{border:1px solid #02AAF3;}
.down ul li:hover .pic i{color:#02AAF3;}
.down ul li:hover .t .more,.down ul li:hover .t .more i{color:#02AAF3;}


.caselist ul{margin:0 0 0 -2%;}
.caselist ul li{float:left;width:31.3333333%;margin:0 0 20px 2%;cursor:pointer;}
.caselist ul li .pic{width:100%;display:block;position:relative;overflow:hidden;}
.caselist ul li .pic img{width:100%;display:block;transition:all 0.3s ease 0s;}
.caselist ul li h5{font-size:18px;color:#313131;text-align:center;height:50px;display:-webkit-flex;display:flex;-webkit-justify-content:center;justify-content:center;-webkit-align-items:center;align-items:center;}
.caselist ul li h5 a:hover{color:#02AAF3;}
.caselist ul li:hover img{transform:scale(1.05);-webkit-transform:scale(1.05);}


.prolist ul{margin:0 0 0 -2%;}
.prolist ul li{width:31.3333333%;float:left;text-align:center;margin:0 0 25px 2%;cursor:pointer;box-sizing:border-box;}
.prolist ul li .pic{display:block;width:100%;overflow:hidden;box-sizing:border-box;border:2px solid #eee;}
.prolist ul li .pic img{width:100%;display:block;transition:all 0.3s ease 0s;-webkit-transition:all 0.3s ease 0s;}
.prolist ul li h6{margin:15px 0 0;height:50px;display:-webkit-flex;display:flex;-webkit-justify-content:center;justify-content:center;-webkit-align-items:center;align-items:center;}
.prolist ul li h6 a{color:#313131;font-size:18px;line-height:20px;}
.prolist ul li h6 a:hover{color:#02AAF3;}

.prolist ul li:hover .pic{border-color:#02AAF3;}
.prolist ul li:hover .pic img{transform:scale(1.05);-webkit-transform: scale(1.05);}


/*-----pro-view----*/

.pro_view{display:-webkit-flex;display:flex;-webkit-justify-content:space-between;justify-content:space-between;}

.pro_img{width:450px;}
.pro_img .view{width:100%;border:1px solid #E5E8EA;position:relative;}
.pro_img .view .swiper-container{width:100%;}
.pro_img .view .swiper-container img{width:100%;display:block;}
.pro_img .view .arrow-left,.pro_img .view .arrow-right{background:rgba(0,0,0,0.3);position:absolute;top:50%;margin-top:-25px;width:28px;height:50px;z-index:10;text-align:center;}
.pro_img .view .arrow-left{left:0;}
.pro_img .view .arrow-right{right:0;}
.pro_img .view .arrow-left i,.pro_img .view .arrow-right i{color:#fff;font-size:15px;line-height:50px;}

.pro_img .preview {width:100%;position:relative;text-align:center;overflow:hidden;box-sizing:border-box;}
.pro_img .preview .swiper-container {width:100%;text-align:center;}
.pro_img .preview .swiper-wrapper{justify-content:center;}
.pro_img .preview .swiper-slide{cursor:pointer;width:45px;padding:10px 0;margin:0 2px;display:inline-block;box-sizing:border-box;position:relative;}
.pro_img .preview .swiper-slide::after{display:none;content:'';width:0;height:0;line-height:0;border-width:5px;border-style:dashed;border-bottom-style:dashed;border-color:transparent;border-bottom-color:transparent;vertical-align: middle;border-bottom-style:solid;border-bottom-color:#02AAF3;position:absolute;top:0px;left:50%;margin:0 0 0 -5px;}
.pro_img .preview .swiper-slide img{width:100%;border:1px solid #D9D9D9;padding:2px;box-sizing:border-box;}
.pro_img .preview .active-nav img{border:1px solid #02AAF3;}

.pro_img .preview .swiper-slide.active-nav::after{display:inline-block;}


.pro_view_inner{-webkit-flex:1;flex:1;margin-left:50px;}
.pro_view_inner h1{color:#000;font-size:24px;margin:10px 0 20px;font-weight:bold;}
.pro_view_inner p{line-height:25px;font-size:17px;}

.pro_view_inner .pro_para{margin:20px 0 0 0;}
.pro_view_inner .pro_para p{font-size:16px;color:#333;line-height:24px;}
.pro_view_inner .pro_para table{border:1px solid #dddddd;}
.pro_view_inner .pro_para table tr > td{padding:6px 8px;font-size:14px;vertical-align:middle;border: 1px solid #dddddd;}
.pro_view_inner .btn{display:-webkit-flex;display:flex;justify-content:space-between;-webkit-align-items:center;align-items:center;-webkit-justify-content: flex-start;justify-content: flex-start;}
.btn >a:last-child{margin-left:20px;}
.pro_view_inner a.book{width:150px;height:40px;line-height:40px;text-align:center;font-size:18px;color:#fff;display:block;background:#1F5891;margin:25px 0 0;}
.pro_view_inner a.book:hover{background:#02AAF3;}
.pro_view_inner a.price{width:150px;height:40px;line-height:40px;text-align:center;font-size:18px;color:#fff;display:block;background:#1F5891;margin:25px 0 0;}
.pro_view_inner a.price:hover{background:#02AAF3;}


.pro_view_inner .pro-share{margin:20px 0 0;}


.pro_text{margin:30px 0 0 0;position:relative;}
.pro_text .tit{line-height:60px;box-sizing:border-box;border-bottom:1px solid #D9D9D9;}
.pro_text .tit h5{color:#0f0f0f;font-size:18px;position:relative;text-transform:uppercase;font-weight:bold;}
.pro_text .tit h5::after{content:"";display:block;background:#02AAF3;width:32px;height:4px;position:absolute;bottom:-2px;left:0;z-index: 1;}


.pro-content{font-size:16px;line-height:26px;padding:20px 0 0;color:#333;}
.pro-content p{margin:0 0 10px;}
.pro-content .table-response{width:100%;max-width: 100%;overflow-x:auto;}
.pro-content table{width:100%;max-width:100%;margin-bottom:20px;line-height:1.42857143;font-size:17px;border:1px solid #999;color:#333;}
.pro-content table tr > th{padding:8px 10px;vertical-align:middle;border:1px solid #999;background:#F2F5FC;}
.pro-content table tr > td{padding:8px 10px;vertical-align:middle;border:1px solid #999;}
.pro-content table tr > td:first-child {background: #F2F5FC;}
.pro-video .v{position:relative;width:550px;margin:0 auto;display:block;overflow:hidden;}
.pro-video .v img{width:100%;margin:0 auto;display:inline-block;transition:all 0.3s ease 0s;-webkit-transition:all 0.3s ease 0s;}
.pro-video .v::after{content:'';position:absolute;left:0;top:0;width:100%;height:100%;background:url("../images/v1.png") no-repeat center;background-size:70px;display:block;}
.pro-video .v:hover img{transform:scale(1.11);-webkit-transform: scale(1.11);}
.pro-video .v:hover::after{background-color:rgba(0,0,0,0.6);}


.pro-inquiry{margin:25px 0 0;}
.pro-inquiry h5{color:#fff;font-family:Arial;height:45px;line-height:45px;cursor:pointer;font-size:20px;background:#02aaf3;padding:0 0 0 20px;}
.pro-inquiry .inquirbox{padding:20px 20px 10px;border:1px solid #DADADA;border-top:none;}


/*contact*/



.contact-top{display:-webkit-flex;display:flex;-webkit-justify-content:space-between;justify-content:space-between;-webkit-align-items:center;align-items:center;}
.contact-top .tit{-webkit-flex:1;flex:1;margin:0 150px 0 50px;}
.contact-top .tit h3{margin-bottom:40px;text-transform:uppercase;font-weight:bold;font-size:30px;color:#333;}
.contact-top .tit p{color:#0f0f0f;font-size:15px;line-height:24px;}
.contact-top ul{width:51%;display:-webkit-flex;display:flex;-webkit-flex-wrap:wrap;flex-wrap:wrap;}

.contact-top ul li {position: relative;box-sizing: border-box;display:-webkit-flex;display:flex;-webkit-align-items:center;align-items:center;margin:12px;width:calc(50% - 24px);padding:50px 35px 50px 30px;background-color:#fff;box-shadow:10px 10px 30px 0 rgba(44,134,176,.1);}
.contact-top ul li .panel-i{position:absolute;right:20px;top:20px;font-weight:700;font-size:16px;color:#dedede;}
.contact-top ul li .mml-image{min-width: 50px;margin-right:20px;}
.contact-top ul li p{color:#0f0f0f;font-size:15px;line-height:24px;}


.contact{margin:30px 0 0;}
.contact p{font-size:16px;color:#666;line-height: 30px;text-align:center;}

.contact ul{margin:40px 0 0 0;display:-webkit-flex;display:flex;-webkit-justify-content:space-between;justify-content:space-between;}
.contact ul li{width:24%;padding:20px 15px;box-sizing:border-box;text-align:center;box-shadow:0 5px 10px 0 rgba(0,0,0,0.1);}
.contact ul li:last-child{border-right:none;}
.contact ul li i{font-size:40px;color:#02AAF3;}
.contact ul li h6{font-size:17px;color:#313131;margin:15px 0 0;font-weight:bold;}
.contact ul li p{color:#0f0f0f;margin:10px 0 0;font-size:15px;line-height:24px;}
.contact ul li p a:hover{color:#02AAF3;}

.contact hr{width:100%;background:#D9D9D9;height:1px;border:none;margin:30px 0;}

.map{}
.map img{width:100%;}

.linetit{margin:60px 0 0 0;}
.linetit h4{position:relative;font-weight:normal;margin-top:0;border-bottom:2px solid transparent;font-size:22px;line-height:20px;color:#222;text-align:center;}
.linetit h4::before{content: "";display: block;border-top:1px dashed #D1CFCF;width: 100%;height:1px;position: absolute;top: 50%;z-index: 1;}
.linetit h4 span{background:#fff;text-transform:uppercase;font-weight:bold;font-size:26px;color:#333;width:auto;padding:8px 10px;text-align:center;position:relative;display:inline-block;z-index:1;}

.contact-global{margin:40px 0 0;}
.contact-global ul{margin:0 0 0 -2%}
.contact-global ul li{float:left;width:31.33333%;height:170px;padding:20px 20px 0;margin:2% 0 0 2%;color:#333;box-sizing:border-box;border:1px dashed #1275BC;}
.contact-global ul li h5{font-size:17px;font-weight:bold;margin:0 0 10px 0;}
.contact-global ul li p{font-size:15px;line-height:24px;}
.contact-global ul li em{font-weight:bold;}

.contact-inquiry{margin:40px 0 0;}
.contact-inquiry .inquirbox{}

.inquirbox .row{margin-bottom:20px;}
.inquirbox input[type="text"],.inquirbox textarea{padding:10px 10px;font-size:14px;border:1px solid #D2D2CF;width:100%;line-height:22px;text-align:left;color:#333;box-sizing:border-box;}
.inquirbox textarea{max-width:100%;width:100%;resize:none;}
.inquirbox input[type="text"]:focus,.inquirbox textarea:focus{box-shadow:0 0 5px #999;background:#fafafa;border-color:#999;outline:0}
.inquirbox .red{color:#f00;font-weight:bold;}
.inquirbox .yzm { width:70%; margin-right:10px;}
.inquirbox img {cursor: pointer; margin-left: 3px; display: inline-block;vertical-align: middle;}
.inquirbox input.submit{display:block;background:#02AAF3;color:#fff;width:140px;height:36px;line-height:36px;border-radius:5px;font-size:18px;text-align:center;cursor:pointer;margin:0 auto;}

/*-----分页----*/
.digg{margin:40px 0 0;clear:both;line-height:28px;text-align:center;}
.digg a,.digg span{line-height:16px;padding:8px 13px;margin:0 2px;display:inline-block;border:1px solid #bebebe;background:#fff;font-size:15px;font-family:'DINPro';}
.digg a:active{border:#0A5A6A 1px solid;color:#f18101; }
.digg span.disabled{color:#fff;border:1px solid #F18101;background:#fff;}
.digg span.disabled,.digg a:hover{background:#0A8AE3;border:1px solid #0A8AE3;box-shadow: 0 1px 0 0 #fff;color: #fff !important;}